<template>
  <div class="no-data">
    <span class="icon-wrap"><i class="iconfont">&#xe715;</i></span>
    <slot></slot>
  </div>
</template>
<script>
  export default {}
</script>
<style lang="scss" scoped="">
  @import "../styles/common/common.scss";
  .no-data {
    padding-top: 100px;
    text-align: center;
    span.icon-wrap {
      @include fj(center, center);
      width: px2rem(150);
      height: px2rem(150);
      background-color: #ccc;
      align-items: center;
      margin: 0 auto;
      @include borderRadius();
      margin-bottom: px2rem(30);
      i {
        font-size: px2rem(80);
      }
    }
  }
</style>
